<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="h" uri="/syzg-html"%>
<%@page import="com.zenithsun.pic.picsubject.model.Picsubject"%>
<%
	Picsubject picsubject = (Picsubject)request.getAttribute("picsubject");
%>
<!DOCTYPE html>
<html>
	<head>
		<%@ include file="/base/jsp/common/CommonListTop.jsp"%>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>[菜单名(或大模块名)-模块名]</title>
		<link href="${ctx}/base/css/common.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/base/css/${customTheme}.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/baseNew/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    	<link href="${ctx}/baseNew/other/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="${ctx}/baseNew/dist/css/AdminLTE.min.css">
  		<link rel="stylesheet" href="${ctx}/baseNew/validator/css/bootstrapValidator.css"/>
		<link rel="stylesheet" href="${ctx}/base/imgsel/css/style.css"/>
		<%--新增样式处理 start--%>
		<link rel="stylesheet" href="${ctx}/zenithsun/css/admin-imgList.css"/>
		<link rel="stylesheet" href="${ctx}/base/imgsel/css/style.css"/>
		<%--新增样式处理 start--%>
		<link rel="stylesheet" href="${ctx}/zenithsun/css/admin-imgList.css"/>
		<%--新增样式处理 end--%>
		<script src="${ctx}/baseNew/plugins/jQuery/jQuery-2.2.0.min.js"></script>
		<script src="${ctx}/base/js/base.js" type="text/javascript"></script>
		<script src="${ctx}/base/js/common/FormFunction.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/bootstrap/js/bootstrap.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/other/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/other/js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/other/js/bootbox.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="${ctx}/baseNew/validator/js/bootstrapValidator.js"></script>
		<!-- 公用的按钮函数 -->
		<script type="text/javascript">
			var viewUrl = "${ctx}/path/picdetail/viewPicdetail";//表单列表view的url地址
			function showPicUploadModal(picsubjectId){
				var url = detail_picUploadUrl + "?picsubjectId=" + picsubjectId;
				$("#myDlg").load(url,function(){
					$('#picUploadModal').modal("show");
				});
			}
			function noImage(t){
				t.src="${ctx}/zenithsun/news/mobile/images/Default-bg270x180.png"; 
				t.onerror=null;
			}
			//此为图片列表鼠标经过时编辑事件
			function lmmve(obj){
				$(obj).find(".j-popShow").show();
			}
			//此为图片列表鼠标经过时删除事件
			function lmmot(obj){
				$(obj).find(".j-popShow").hide();
			}
		</script>
	</head>
<body>
	<div class="modal fade bs-example-modal-lg" id="picturesModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	    <div class="modal-dialog modal-lg" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">图片列表</h4>
	      </div>
	      <div class="modal-body" id="modalCore">
			<div class="picList" style="height:350px;overflow: auto;">
			  <ul id="listImageUL">
			      <c:forEach items="${lstPicdetail }" var="picdetail">
			  		<li name="liSelectItem" onmousemove="lmmve(this)" onmouseout="lmmot(this)" onclick="lmmck(this)">
			  		  <dl>
			  		    <dd class="mod-itemsContent">
			  		      <div id="div_${picdetail.id }">
			  		      	<img src="${ctx }${picdetail.path }" onerror="noImage(this)">
			  		      </div>
			  		      <%-- <div class="picList-editGrid-wrap j-popShow" style="height: 150px;"></div>
			  		      <div class="picList-editGrid j-popShow">
			  		        <a style="float: left; left: 90px;" href="javascript:FormFunction.showViewModal('${picdetail.id }')" title="修改图片信息"><i class="fa fa-edit"></i> </a>
			  		      </div> --%>
			  		  </dl>
			  		  
			  		  
				    </li>
				  </c:forEach>
			  </ul>
			</div>
			<div id="myDlg"></div>
		</div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<%@ include file="/base/jsp/common/CommonListFoot.jsp"%>
<script src="${ctx}/base/imgsel/js/img.js" type="text/javascript"></script>
	</body>
</html>
